
@mixin table_base {
    border-collapse:collapse;
    word-break:break-all;
    word-wrap:break-word;
    table-layout:fixed;
}

/* 
    tablecloth 
*/

$tool_table1_th_color: #CAE8EA;
$tool_table1_td1_color: #fff;
$tool_table1_td2_color: #f5fafa;
$tool_table1_line_color: #C1DAD7;

.table1 {
    @include table-base;

    caption {
        padding: 0 0 5px 0;
        text-align: right;
    }

    th {
        font: bold 12px Helvetica, Verdana;
        border-right:   1px solid $tool_table1_line_color;
        border-bottom:  1px solid $tool_table1_line_color;
        border-top:     1px solid $tool_table1_line_color;
        letter-spacing: 2px;
        /* text-transform: uppercase; 英文字母大寫 */
        text-align: left;
        padding: 6px 6px 6px 6px;
        background: $tool_table1_th_color url(bg_header.jpg) no-repeat;
    }
    th.nobg {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid $tool_table1_line_color;
        background: none;
    }
    th.th1 {
        border-left: 1px solid $tool_table1_line_color;
        border-top: 0;
        background: $tool_table1_td1_color url(bullet1.gif) no-repeat;
    }
    th.th2 {
        border-left: 1px solid $tool_table1_line_color;
        border-top: 0;
        background: $tool_table1_td2_color url(bullet2.gif) no-repeat;
    }

    td {
        border-right: 1px solid $tool_table1_line_color;
        border-bottom: 1px solid $tool_table1_line_color;
        background: $tool_table1_td1_color;
        padding: 6px 6px 6px 6px;
    }
    td.td1 {}
    td.td2 {
        background: $tool_table1_td2_color;
    }

}
